<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=\, initial-scale=1.0">
    <title>表格叶琪</title>
    <style>
        table,th,td{
            border: 1px solid rgb(59, 59, 255);
            background-color: chartreuse;
        }
        table{
            width: 100px;
        }
        th{
            height: 50px;
        }
        /* 表格文字对齐左中右 */
        /* td{
            text-align: right;
        } */

        /* 表格文字垂直对齐属性设置垂直对齐，比如顶部，底部或中间 */
        td{
            height: 50px;
            vertical-align: bottom;
            /* 表格填充 */
            padding: 15px;
        }


    </style>
</head>
<body>
   <table>
       <tr>
           <th>
               牛奶类型
           </th>
           <th>
               喜爱程度
           </th>
       </tr>  
       <tr>
           <td>
               纯甄
           </td>
           <td>
               还不错
           </td>
       </tr>
       <tr>
           <td>
               优酸乳
           </td>
           <td>
               一般般
           </td>
       </tr>
     </table> 
</body>
</html>